<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>外科</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			#dateT {
				border-bottom: 1px solid #e4e4e4;
			}
			
			#dateT .con {
				display: inline-block;
				width: 12.5%;
				height: 1.26rem;
			}
			
			#dateT .con div {
				text-align: center;
				line-height: 0.63rem;
				height: 0.63rem;
				font-size: 0.28rem;
			}
			
			#dateT .con .bottom text {
				color: #ec6941;
			}
			
			#dateT .con .bottom.clo0 text {
				display: inline-block;
				width: 0.5rem;
				height: 0.5rem;
				line-height: 0.5rem;
				text-align: center;
				border-radius: 50%;
				background-color: #428bca;
				color: #fff;
			}
			.doc {
				margin-top: 0.5rem;
			}
			.doc .one {
				border-top: 1px solid #e4e4e4;
			}
			.doc div {
				height: 0.96rem;
				line-height: 0.3rem;
				position: relative;
				border-bottom: 1px solid #e4e4e4;
				/*margin: 1px 0;*/
			}
			
			.doc text {
				font-size: 0.32rem;
				display: inline-block;
				height: 0.96rem;
				line-height: 0.96rem;
				text-align: center;
			}
			
			.doc .c3 {
				font-size: 0.26rem;
				color: #fff;
				height: 0.5rem;
				line-height: 0.5rem;
				text-align: center;
				width: 1.1rem;
				background-color: #ec6941;
				position: absolute;
				right: 0.64rem;
				top: 0.22rem;
				border-radius: 0.1rem;
			}
			
			.doc .iconfont {
				font-size: 0.26rem;
				position: absolute;
				right: 0.35rem;
			}
			
			.doc .c1 {
				color: #1388d2;
				position: absolute;
				left: 0.36rem;
			}
			
			.doc .c2 {
				color: #333;
				position: absolute;
				left: 3.56rem;
			}
			.doctor {
				position: relative;
				font-size: 0.32rem;
				padding-top: 0.2rem;
			}
			.doctor img {
				width: 1.6rem;
				height: 1.6rem;
				position: absolute;
				top: 0.2rem;
				left: 0.4rem;
			}
			.doctor h4 {
				padding-left: 2.6rem;
			}
			.doctor text{
				display: block;
				padding-left: 2.6rem;
				line-height: 0.6rem;
			}
		</style>
	</head>

	<body>
		<section class="doctor">
			<img src="../../images/photo.png"/>
			<h4>钟方明</h4>
			<text>科室：心血管内二科门诊</text>
			<text>职称：医师</text>
		</section>
		<section class="doc">
			<div class="one">
				<text class="c1">08:00-11:30</text>
				<text class="c2">4.00元</text>
				<text class="c3">剩余42个号</text>
				<text class="iconfont icon-tiaozhuan"></text>
			</div>
			<div class="two">
				<text class="c1">14:30-17:30</text>
				<text class="c2">4.00元</text>
				<text class="c3">剩余60个号</text>
				<text class="iconfont icon-tiaozhuan"></text>
			</div>
			<div class="three">
				<text class="c1">20:30-23:30</text>
				<text class="c2">4.00元</text>
				<text class="c3">剩余80个号</text>
				<text class="iconfont icon-tiaozhuan"></text>
			</div>
		</section>
	</body>
	<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
//		$(document).ready(function(e) {
//
//			var d = new Date()
//			var weekday = new Array(7)
//			weekday[0] = "日"
//			weekday[1] = "一"
//			weekday[2] = "二"
//			weekday[3] = "三"
//			weekday[4] = "四"
//			weekday[5] = "五"
//			weekday[6] = "六"
//
//			var week = weekday[(d.getDay() + 5) % 7];
//			console.log(weekday[(d.getDay()) % 7]);
//
//			var daysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
//
//			var day = d.getDate();
//			console.log(d.getDate());
//			//获取星期几
//			var weeks = [(d.getDay()) % 7, (d.getDay() + 1) % 7, (d.getDay() + 2) % 7, (d.getDay() + 3) % 7, (d.getDay() + 4) % 7, (d.getDay() + 5) % 7, (d.getDay() + 6) % 7, (d.getDay() + 7) % 7];
//			console.log(weeks)
//			//获取日期--需要判定月份，从而判定当月多少天
//			var months = daysInMonth[d.getMonth()];
//			console.log(months);
//			var days = []
//			for (var i = 0;i < 8;i++) {
//				if((d.getDate()+i)%months==0){
//					days[i]=months
//				}else {
//					days[i] = (d.getDate()+i)%months
//				}
//			}
//			console.log(days)
////			var days = [d.getDate() % months, (d.getDate() + 1) % months, (d.getDate() + 2) % months, (d.getDate() + 3) % months, (d.getDate() + 4) % months, (d.getDate() + 5) % months, (d.getDate() + 6) % months, (d.getDate() + 7) % months, ];
////			console.log(days)
//			//		var days = [d.getDate(),1,1,1,1,1,1,1];
//
//			var dateThtml = document.getElementById("dateT").innerHTML;
//			dateThtml += '<div class="con">' +
//					'<div class="top">' + weekday[weeks[0]] + '</div>' +
//					'<div class="bottom clo0"><text>' + days[0] + '</text></div>' +
//					'</div>'
//			for(var i = 1; i < 8; i++) {
//				dateThtml += '<div class="con">' +
//					'<div class="top">' + weekday[weeks[i]] + '</div>' +
//					'<div class="bottom"><text>' + days[i] + '</text></div>' +
//					'</div>'
//			}
//			document.getElementById("dateT").innerHTML = dateThtml;
//			
//			
//			var dayss = $(".bottom");
//			dayss.on('click', function(e) {
//					for (var i = 0;i<dayss.length;i++) {
//						dayss.removeClass("clo0")
//					}
//					$(this).addClass("clo0")
//			})
//		})
	</script>
	
</html>